<template>
  <div>
    <Select v-model="options.provinceId" style="width:150px;margin-right: 10px" placeholder="请选择省份">
      <Option v-for="item in options.province" :value="item.id" :key="item.id">{{ item.name }}</Option>
    </Select>
    <Select v-model="options.cityId" style="width:150px" placeholder="请选择城市">
      <Option v-for="item in options.city" :value="item.id" :key="item.id">{{ item.name }}</Option>
    </Select>
  </div>
</template>

<script>
export default {
  name: 'province-city',
  data () {
    return {
      options: {
        province: [],
        city: []
      },
      value: {
        provinceId: null,
        cityId: null
      }
    }
  }
}
</script>

<style scoped>
</style>
